.history{
    .middleBody{
        .title{
            font-size:14px;
            font-family:PingFangSC-Medium,PingFang SC;
            font-weight:500;
            color:rgba(116,118,125,1);
            line-height:20px;
            margin-bottom: 5px;
            display: block;
            margin-top: 20px;
        }
        input{
            width:320px;
            height:40px;
            background:rgba(255,255,255,1);
            border-radius:4px;
            border:1px solid rgba(213,217,221,1);
            display: block;
        }
        .culum{
            width:100%;
            height:230px;
            background:rgba(255,255,255,1);
            margin-top: 15px;
            //border-radius:4px;
            //padding-top: 16px;
            //border:1px solid rgba(213,217,221,1);
            table{
                //border-collapse:separate;
                //border-spacing:30px 12px;
                thead{
                    display: table; width: calc( 100% - 10px);table-layout: fixed;
                    margin-bottom: 14px;
                    tr{
                        th{
                            font-size:14px;
                            font-family:PingFangSC-Regular,PingFang SC;
                            font-weight:400;
                            color:rgba(116,118,125,1);
                            line-height:20px;
                            text-align: left;
                            display: inline-block;
                            margin-right: 20px;
                        }
                        :nth-child(1){
                            width: 90px;
                        }
                        :nth-child(2){
                            width: 45px;
                        }
                        :nth-child(3){
                            width: 224px;
                        }
                        :nth-child(4){
                            width: 30px;
                            margin-right: 0;
                        }
                    }


                }
                tbody{
                    display: block; height: 210px; overflow-y: scroll;
                    tr{
                        display: table; width: 100%; table-layout: fixed;
                        margin-bottom: 24px;
                        td{
                            font-size:12px;
                            font-family:PingFangSC-Regular,PingFang SC;
                            font-weight:400;
                            color:rgba(50,54,58,1);
                            line-height:14px;
                            display: inline-block;
                            margin-right: 20px;
                            vertical-align: top;
                        }
                        .create{
                            color: #C2C4CF;
                        }
                        :nth-child(1){
                            width: 90px;
                        }
                        :nth-child(2){
                            width: 45px;
                        }
                        :nth-child(3){
                            width: 224px;
                        }
                        :nth-child(4){
                            width: 30px;
                            margin-right: 0;
                        }
                    }
                }
            }
                ::-webkit-scrollbar {/*滚动条整体样式*/

                width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/

                height: 1px;

            }

            ::-webkit-scrollbar-thumb {/*滚动条里面小方块*/

                border-radius: 10px;

                -webkit-box-shadow: inset 0 0 5px #D9D8DB;

                background: #D9D8DB;

            }

            ::-webkit-scrollbar-track {/*滚动条里面轨道*/

                -webkit-box-shadow: inset 0 0 5px #D9D8DB;

                border-radius: 10px;

                background: white;

            }
        }
    }
}
